<template>
    <div class="common-layout">
        <div>
            <table style=" border: 1px rgb(242,242,242);height: 300px;">
                <tr style=" border: 1px solid;height: 60px;"><td colspan="6" style="text-align:center; background-color:rgb(242,242,242)">老人健康信息 <el-button type="primary">编辑</el-button></td></tr>
                <tr style=" border: 1px solid;height: 50px;"><td style="background-color:rgb(242,242,242)">当前评估状态</td><td>已评估（重复评估）</td><td style="background-color:rgb(242,242,242)">自理能力</td><td colspan="2">重度受损 <el-button type="primary">查看历史评估记录</el-button></td></tr>
                <tr><td style="background-color:rgb(242,242,242);height: 80px;">主要疾病</td><td colspan="4">痴呆，尿失禁，压力性损伤，大便失禁</td></tr>
                <tr><td style="background-color:rgb(242,242,242);height: 80px;">病史</td><td colspan="4"></td></tr>
            </table>
        </div>
    </div>
</template>
    
    
<script lang="ts" setup>
import { Search } from "@element-plus/icons-vue";
import { ref } from "vue";
import { ElMessage, ElMessageBox } from "element-plus";
import { ElNotification } from "element-plus";
import type { TabsPaneContext } from 'element-plus'

const activeName = ref('first')

const handleClick = (tab: TabsPaneContext, event: Event) => {
    console.log(tab, event)
}
const value = ref("")
const labelPosition = ''

const time = [{
    value: '2022-2023', label: '2022-2023'
}, {
    value: '2022-2023', label: '2022-2023'
}, {
    value: '2022-2023', label: '2022-2023'
},]

</script>
    
    
<style scoped>
.common-layout {
    width: 1200px;
    height: 1000px;
}
table{
    text-align: center;
    margin-top: -600px;
    width: 1000px;
    height: 600px;
}
.header {
    width: 1000px;
    height: 300px;
    background-color: aliceblue;
    
}
.el-menu-demo{
    width: 2000px;
}
.el-menu-item {
    width: 150px;
}
td{
    border: 1px solid rgb(242,242,242);
}
.one {
    width: 800px;
    height: 100px;
}

img {
    width: 100px;
    height: 100px;
}

span {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px;
}

.img {
    float: left;
    border-radius: 10px;
}

.demo-tabs>.el-tabs__content {
    padding: 32px;
    color: #6b778c;
    font-size: 32px;
    font-weight: 600;
}

.i {
    width: 70px;
    height: 70px;
}
</style>